<%@ page language="java" pageEncoding="UTF-8"%>
<html lang="en">
  <head>
	<%@ include file="/WEB-INF/jsp/common.jsp"%>
  	<link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/ace/ace.css" rel="stylesheet">
  	<link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/ace/ace-part2.min.css" rel="stylesheet">
  	<link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/ace/ace-ie.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/ace/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/resource/css/def/frm/sys/main.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/resource/css/index.css" rel="stylesheet">
  	<script src="${pageContext.request.contextPath}/resource/js/bootstrap/ace/ace.js"></script>
	<script src="${pageContext.request.contextPath}/resource/js/bootstrap/ace/ace.sidebar.js"></script>
	<script src="${pageContext.request.contextPath}/resource/js/frm/sys/main.js"></script>
	<script type="text/javascript">
		var headpage = '${pageContext.request.contextPath}/frm${seal:getConfig("cn.unicom.sys.headpage")}';
	</script>

<script type="text/javascript">
	var menus=${menuVOs}	
	$(function() {
		if ('${errorMessage}') {
			alert('${errorMessage}');
		}

	});
</script>
  <script type="text/javascript">
        $().ready(function(){
            $("#xgmm").click(function(){
                var password = $("#zzmc").val();
                var password1 = $("#zdbh").val();
                if(password != password1){
                	alertModel("两次输入密码不一样!");
                }else{
                	 $.post({
            			url:"${prc}/sysStaffController/updateSysStaffPasswd?t="+(new Date().getTime()),
            			data:$('#formId').serializeArray(),
            			success : function(data){
            				alertModel("修改成功!!");
            				$('#changpass').modal('hide');
            			}
            		}) 
                }
            });
        });
    </script>
</head>
	<style type="text/css">
	html,body{
		height:100%;
		margin:0px;
	}
	.content-full{
		height:calc(100% - 31px);
	}
    .nav-tabs li{
        border-right: 1px solid #DDD;
    }
	</style>
	<script type="text/javascript">
	function contentHeight(){
	}
	</script>
	<!--[if lt IE 9]>
		<script type="text/javascript">
			function contentHeight(){
				$('#tab_home_content').height($('html').height()-$('#navbar').height()-$('#tab_tablist').height()-80);
			}
            function adjustContentHeight(obj){
             $(obj).height($('html').height()-$('#navbar').height()-$('#tab_tablist').height()-80);
            }
		</script>
	<![endif]-->
	
  </head>
	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default" style="height: 60px;">
			<div class="navbar-container" id="navbar-container">
				<%--<div class="navbar-header pull-left" style="margin-left: 40px;">--%>
					<%--<img src="${appName}/resource/images/login-logo-index.png" height="60" alt=""/>--%>
				<%--</div>--%>
				<div class="pull-left" style="">
					<p class="navbar-container-p">交通规划可视化</p>
				</div>
				
				<!-- #section:basics/navbar.dropdown -->
				<div class="navbar-buttons navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <span class="glyphicon glyphicon-user" style="font-size:30px;margin-top:6px;" aria-hidden="true"></span> <span class="user-info"> <small>欢迎,</small> ${sysStaff.staffName } </span> <i class="ace-icon fa fa-caret-down"></i>
					</a>
						<ul
							class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
							<li><a href="#" onclick="showNewTab(this)" data-info="personalConfig/goList">&nbsp;<i class="ace-icon fa fa-cog"></i> 设置
								</a>
							</li>
<%-- 								<c:forEach var="item" items="${staffOrgs }" >
									<c:if test="${sysStaffOrg.staffOrgId ==  item.staffOrgId}">
									<li><a style="color:red;">&nbsp;<i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;&nbsp;${item.orgName }</a>
									</li>
									</c:if>
									<c:if test="${sysStaffOrg.staffOrgId !=  item.staffOrgId}">
									<li><a href="${frmPrefix }changeStaffOrg?staffOrgId=${item.staffOrgId}">&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-user"></i>&nbsp;${item.orgName }</a>
									</li>
									</c:if>
								</c:forEach> --%>
							<!-- <li id="menu-sub"><a href="#">&nbsp;<i class="ace-icon fa fa-angle-double-left"></i> 更换菜单样式</a>
								<ul class="menuchange">
									<li>&nbsp;<i class="ace-icon fa fa-bars" aria-hidden="true"></i><a href="changeMenuStyle?styleId=1">&nbsp;左侧推拉菜单
									</a></li>
									<li>&nbsp;<i class="ace-icon fa fa-tree" aria-hidden="true"></i><a href="changeMenuStyle?styleId=2">&nbsp;左侧树形菜单
									</a></li>
									<li>&nbsp;<i class="ace-icon fa fa-caret-square-o-down" aria-hidden="true"></i><a href="changeMenuStyle?styleId=3">&nbsp;下拉多级菜单
									</a></li>
									<li>&nbsp;<i class="ace-icon fa fa-map"></i><a href="changeMenuStyle?styleId=4">&nbsp;下拉菜单块
									</a></li>
								</ul></li> -->
									<li ><a id="navbar-hide" href="javascript:;">&nbsp;<i class="ace-icon fa fa-eye-slash" aria-hidden="true"></i> 隐藏菜单
										</a>
									</li>
							<li ><a id="passwd"href="javascript:void(0)" onclick="showTab();">&nbsp;<i class="ace-icon fa fa-key" aria-hidden="true"></i> 更改密码</a></li>
							<li>
								<a href="logout">&nbsp;<i class="ace-icon fa fa-power-off" aria-hidden="true"></i> 登出</a>
							</li>
						</ul></li>
				</ul>
			</div>
			</div>
		</div>
		<div id="hidemenu">
			<a id="navbar-show" href="javascript:;">&nbsp;<i class="ace-icon fa fa-eye" aria-hidden="true"></i> 展示菜单
			</a>
		</div>
		<div class="main-container" id="main-container" style="height: calc(100% - 60px);">
			<div id="sidebar"  class="sidebar responsive" data-sidebar="true">
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>
				<ul class="nav nav-list" id="actionUl">
				</ul>
			</div>

			<div style="height:100%;" class="main-content">
				<div class="page-content" style="height:100%;">
					<div class="row" style="height:100%;">
						<div style="height:100%;" class="col-xs-12" id="mainDiv">
							<!-- PAGE CONTENT BEGINS -->
							<!-- PAGE CONTENT ENDS -->
						</div>
					</div>
				</div>
			</div>
		</div>
		
			
	
	<div class="modal fade" id="changpass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					修改密码
				</h4>
			</div>
			<div class="modal-body">
							<form method="post" id="formId">
								<input type="hidden" name="loginName"
									value="${sysStaff.loginName}" />
								<div class="form-group">
									<label for="sysStaffName">新密码</label> <input type="password"
										class="form-control" name="passwd" id="zzmc" placeholder="新密码"
										maxlength="18">
								</div>
								<div class="form-group">
									<label for="exampleInputName2">确认密码</label> <input type="password"
										class="form-control" id="zdbh" placeholder="确认密码"
										maxlength="18">
								</div>
							</form>
					</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" id="xgmm">
					提交更改
				</button>
				<button type="button" class="btn btn-primary"  data-dismiss="modal">关闭
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
	</body>
</html>
